<template>
<div class="login-wrap">
  <div class="company-name">
    <h4>纵横天下融资租赁（深圳）有限公司</h4>
  </div>
  <div class="login-dialog">
  <group class="username">
    <x-input title="title" v-model="username">
      <img slot="label" style="padding-right:10px;display:block;" src="../../assets/login/username-color@2x.png" width="24" height="24">
    </x-input>
  </group>
  <group class="password">
    <x-input title="title" v-model="password">
      <img slot="label" style="padding-right:10px;display:block;" src="../../assets/login/password-color@2x.png" width="24" height="24">
    </x-input>
  </group>
  <group class="login-btn"><x-button type="primary" action-type="button" @click.native="login">登录</x-button></group>
  </div>
</div>
</template>
<script>
export default {
  data() {
    return {
      username: "",
      password: ""
    };
  },
  methods: {
    login() {
      this.$router.push({
        name: '首页'
      })
    }
  }
};
</script>
<style lang="scss">
.login-wrap {
  margin-top: 2.2rem;
  .login-dialog{
    margin: 0 .5rem;
  }
  .company-name {
    text-align: center;
  }
  .login-btn{
    margin-top: 1rem;
    .weui-btn_primary{
      background-color: #00BCD4;
    }
  }
  .weui-cells:before {
    border: none;
  }
}
</style>
